<script setup lang="ts">
	const cardLoading = ref(false)
	const props = defineProps({
		data: {
			type: Object,
			default: () => {}
		}
	})
	console.log(props.data)
</script>

<template>
	<a-card :bordered="false" :loading="cardLoading">
		<div class="container text-white flex flex-col justify-center px-5 py-3">
			{{ props.data }}
			<h1 class="text-[26px] mb-4">{{ props.title }}</h1>
			<span class="text-[20px]">{{ props.data.data }}</span>
		</div>
	</a-card>
</template>

<style scoped lang="less">
	.container {
		width: 300px;
		//background: linear-gradient(135deg, rgb(10, 83, 250) 0%, rgb(1, 245, 171) 100%);
		border-radius: 2px;
		background-image: url('../assets/componentsImages/dataCard/bg_1.jpg');
		background-size: 100% 100%;
	}
</style>
